<template>
	<section class="home-service">
			<div class="w1400">
				<div class="theme">
					<strong style="color:#da1a45 ;">!</strong><span>为了更好的服务体验，每个细节都经过反复推敲</span>
					<!-- <a href="/process.html">点击了解完整服务流程</a> -->
				</div>
				<ul class="clearfix">
					<li>
						<a href="/process/#process1">
							<div class="tit">售前服务</div>
							<div class="des">
								有详细的服务清单，明确每阶段会做到的事项和需要客户参与反馈的部分。
							</div>
						</a>
					</li>
					<li>
						<a href="/process/#process2">
							<div class="tit">售中服务</div>
							<div class="des">
								和每个客户的沟通，凡事有交代，件件有着落，事事有回音。
							</div>
						</a>
					</li>
					<li>
						<a href="/process/#process3">
							<div class="tit">售后服务</div>
							<div class="des">
								客户不满意时，不找借口，第一时间解决处理并向客户由衷致歉。
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<p>好的，我来尽快<br>解决您遇到的问题！<span>点击了解完整服务流程</span></p>
							
						</a>
					</li>
				</ul>
			</div>
		</section>
</template>

<script>
</script>

<style scoped>
	/*HOME-SERVICE*/
	.w1400{
		width: 1400px;
		margin: 0 auto;
	}
	.clearfix:after {
	    clear: both;
	    display: block;
	    height: 0;
	    visibility: hidden;
	    line-height: 0;
	    content: '\20';
	}
	.home-service{ padding-bottom: 35px;}
	.home-service .theme {display: flex;align-items: center;}
	.home-service .theme strong{font-size: 32px;}
	.home-service .theme span{ text-decoration: underline; font-size: 32px; color: #333333; display: block; height: 50px; line-height: 50px; background: url(../images/ico_light.png) no-repeat left;}
	.home-service ul{ margin-top: 28px;}
	.home-service li{ float: left; width: 21.3%; margin-right: 1.2%;}
	.home-service li a{ display: block; padding: 45px 30px 0; background: #eef5f8; height: 200px; position: relative;}
	.home-service li .tit{ padding-top: 15px; font-weight: bold; font-size: 24px; color: #da1a45; position: relative;}
	.home-service li .tit:before{ content: ""; position: absolute; top:0; left:0; width: 26px; height: 4px; background: #da1a45;}
	.home-service li .des{ margin-top: 20px; line-height: 24px; height:48px; color: #666666;}
	.home-service li:last-child{ width: 32.5%; margin-right: 0;}
	.home-service li:last-child a{ background: url(../images/home_service_img.jpg) no-repeat right;}
	.home-service li:last-child p{ position: absolute; top:50%; margin-top: -70px; left:0; width: 100%; background: rgba(255,255,255,.6); font-weight:bold; font-size: 26px; line-height: 35px; color: #da1a45; height:140px; padding-top: 5px; padding-left: 50px;}
	.home-service li:last-child span{ display: block; width:160px; height: 30px; line-height: 30px; font-size: 12px; color: #ffffff; background: #da1a45; text-align: center;  margin-top: 15px; margin-left: 20px;}
	

</style>